
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@page import="com.ares.service.bean.BeanObjetivo" %>
<%@page import="com.ares.service.bean.BeanMeta" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/sevde.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/prototype.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/collapse.js"></script>

        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/util.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
	<script type="text/javascript">
		function verificarSaltoDeLinea(id){		
			var textarea = document.getElementById(id);
            textarea.value = textarea.value.replace(/@/g,"\n");
		}
		
		function validarCantidadDeFilas(e,obj) {
		  tecla = (document.all) ? e.keyCode : e.which;
		  if (tecla != 13) return;
		  filas = obj.rows;
		  txt = obj.value.split('\n');
		  return (txt.length < filas);
			}		
	</script>
    </head>
    <body>

        <html:form action="a_planDeAccion">
            <input type="hidden"  name="method"/>
            <input type="hidden" name="operacion" id="operacion"/>

            <table class="tablaEvalIntegral" >
                <tr>
                    <td align="center">
                        <table  id="tb_opciones" class="tb_opciones" border="0"  >
                            <tr>
                                <td colspan="9" align="center" class="tituloJsp">
                                    Plan de Acci&oacute;n Individual <c:out value="${formulario.strPERIODO}"/>
                                </td>

                            </tr>
                            <c:if test="${formulario != null}" >
                                <tr>
                                    <th><IMG class='stlTdImagen' border="1" SRC='file://fs-grupos/Data_pub$/PE/RRHH/fotos_HOC/<c:out value="${formulario.strID_EMPLEADO}" />.jpg' onerror="this.src='images/sinimagen.png';" /> </th>
                                    <th  rowspan="4" style="vertical-align: middle" >
                                        <table border="0" width="600px" cellpadding="2" cellspacing="2">
                                            <tr>
                                                <td  class="labelNombre" width="250px"><label><c:out value="${formulario.strNom_Empleado}" /></label></td>
                                            </tr>

                                            <tr>
                                                <td  class="labelopciones"><label><c:out value="${formulario.strApellido_Empleado}" /></label> </td>
                                                <td class="espaciosEnBlanco"></td>
                                                <td>Evaluador :</td>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strNom_Evaluador}" /></label> </td>
                                            </tr>

                                            <tr>
                                                <td class="labelopciones" ><label   ><c:out value="${formulario.strPuesto_Empleado}" /></label></td>
                                                <td></td>
                                                <td></td>
                                                <td class="labelopciones" ><label ><c:out value="${formulario.strPuesto_Evaluador}"  /></label> </td>
                                            </tr>

                                            <tr>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strArea_Empleado}" /></label> </td>
                                            </tr>
                                        </table>
                                    </th>

                                    <th class="espaciosEnBlanco"></th>
                                    <th rowspan="2">
                                        <table>
                                            <tr>
                                                <td>
                                                    <c:if test="${(formulario.strESTADO == '' || formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4') && mensaje != 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
                                                        <div id="divgrabar">
                                                        	<button class="button" type= "button" onclick="grabar();"> <img src="images/grabar.gif" alt=""  height="15px"/> Grabar</button>
                                                        </div>
                                                    </c:if>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <c:if test="${(formulario.strESTADO == '' || formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4') && mensaje != 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
                                                        <div id="divenviar">
                                                        	<button type= "button" class="button" onclick="enviar();"> <img src="images/derecha.gif" alt=""  height="15px"/> Enviar</button>
                                                        </div>
                                                    </c:if>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>
                                                    <button type= "button" class="button" onclick="imprimir();"> <img src="images/icono-imprimir-mensaje.gif" alt=""  height="15px"/> Imprimir</button>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>
                                                    <button type= "button" class="button" onclick="cerrar();"> <img src="images/cerrar.gif" alt=""  height="15px"/> Cerrar</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </th>
                                </tr>
                            </c:if>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>

				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_mensaje"></div>
                	</td>
                </tr>
                
<%--                 <c:if test="${mensaje != null}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" style="text-align: left"> -->
<%--                             <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%-- 							<c:if test="${error != null}" > --%>
<%--                             	<font color="red" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<%--                         	<c:if test="${error == null}" > --%>
<%--                             	<font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<!--                         </td> -->
<!--                     </tr> -->
<!--                     <tr> -->
<!--                         <td> -->
<!--                             &nbsp;&nbsp; -->
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>

                <tr>
                    <td align="center" class="tablaEvalIntegral" >
                        <table id="tablaColap" cellspacing="0" cellpadding="0"  border="0" >
                            <tr>
                                <td align="left" style="background: #1F497D ; color: #ffffff" height="18px" class="labelpilares" colspan="2">
                                     Aspectos a Desarrollar (En base a Evaluaci&oacute;n de Desempe&ntilde;o actual y Proyectos futuros)
                                </td>
                            </tr>
                            <tr>
                                <td align="left" style="font-family: Arial; font-size: 11px; width: 30px">
                                    1
                                </td>
                                <td align="left">
                                    <textarea id="objetivo1" onblur="llenarCampo(this,1);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.objDesarrollo1}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("objetivo1");
                                </script>
                            </tr>
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    2
                                </td>
                                <td align="left">
                                    <textarea id="objetivo2" onblur="llenarCampo(this,2);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.objDesarrollo2}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("objetivo2");
                                </script>
                            </tr>
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    3
                                </td>
                                <td align="left">
                                    <textarea id="objetivo3" onblur="llenarCampo(this,3);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.objDesarrollo3}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("objetivo3");
                                </script>
                            </tr>

                           <tr>
                                <td align="left" style="background: #1F497D ; color: #ffffff" height="18px" class="labelpilares" colspan="2">
                                    Acciones a tomar: (Ejemplos: formaci&oacute;n en: habilidades de gesti&oacute;n, idiomas, conocimientos del negocio y la industria,
                                    conocimientos t&eacute;cnicos; equipos especiales de trabajo; traslados y rotaciones, etc.)
                                </td>
                            </tr>

                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    1
                                </td>
                                <td align="left">
                                    <textarea id="aspecto1" onblur="llenarCampo(this,4);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.aspDesarrollo1}"/></textarea>

                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("aspecto1");
                                </script>
                            </tr>

                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    2
                                </td>
                                <td align="left">
                                    <textarea id="aspecto2" onblur="llenarCampo(this,5);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.aspDesarrollo2}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("aspecto2");
                                </script>
                            </tr>

                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    3
                                </td>
                                <td align="left">
                                    <textarea id="aspecto3" onblur="llenarCampo(this,6);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.aspDesarrollo3}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("aspecto3");
                                </script>
                            </tr>
                            
                            <tr>
                                <td align="left" style="background: #1F497D ; color: #ffffff" height="18px" class="labelpilares" colspan="2" >
                                    Intereses y Aversiones de Carrera (Responda a las aspiraciones del colaborador, por ejemplo: crecer en el &aacute;rea actual o cambiar de &aacute;rea, qué &aacute;rea no le interesaría conocer)
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    1
                                </td>
                                <td align="left">
                                    <textarea id="eje1" onblur="llenarCampo(this,7);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.ejeAccion1}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("eje1");
                                </script>
                            </tr>
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px">
                                    2
                                </td>
                                <td align="left">
                                    <textarea id="eje2" onblur="llenarCampo(this,8);" onkeyup="return maximaLongitud(this,255)" rows="3" cols="168" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
                                    <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
							            readonly="yes"
							        </c:if>
                                    ><c:out value="${beanAcciones.ejeAccion2}"/></textarea>
                                </td>
                                <script type="text/javascript">
                                    verificarSaltoDeLinea("eje2");
                                </script>
                            </tr>
                            <tr>
                                <td align="left" style="background: #1F497D ; color: #ffffff" height="25px" class="labelpilares" colspan="2" >
                                    Movilidad
                                </td>
                            </tr>   
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px; height: 32px;">
                                    1
                                </td>
                                <td>                                	
                               		<div style="background: none repeat scroll 0 0 #FFFFFF;
									    border: 1px solid #7F9DB9;
									    height: 110px;
									    margin-left: 5px;">
	                                    <table align="left" border="0">
		                                   <tr>
		                                    <td colspan="2" align="left" style="font-family: Arial; font-size: 11px; width: 250px"><b>Movilidad a Unidad Operativa</b></td>
	                                     </tr>
		                                    <c:if test="${movilidad.movilidadUnidadOperativa == 'N'}">
			                                    <tr>
			                                    	<td style="font-family: Arial; font-size: 11px; width: 5%"><input type="radio" align="right" checked="checked" name="movilidadUnidadOperativa" value="No" onclick="deshabilitarInputUnidadOperativa(1);"/>No</td>
			                                    	<td style="font-family: Arial; font-size: 11px; width: 95%; text-align: left;" ><input align="left" type="radio" name="movilidadUnidadOperativa" value="Si" onclick="habilitarInputUnidadOperativa(2);">Si</td>
			                                    </tr>
			                                    <tr>			                                    	
			                                    	<td colspan="2" style="font-family: Arial; font-size: 11px; width: 380px; text-align: left;">Preferencias:</td>
			                                    </tr>
			                                    <tr>
				                                    <td colspan="2">
				                                    	<textarea id="txtPreferenciasUnidadOperativa" onblur="llenarPreferencias(this, 1)" disabled="disabled" rows="3" cols="164" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"><c:out value="${movilidad.preferenciaUnidadOperativa}"/></textarea>
				                                    </td>
			                                    </tr>
		                                    </c:if>			                                    
			                                     
		                                    <c:if test="${movilidad.movilidadUnidadOperativa == 'S'}">
			                                    <tr>
			                                    	<td style="font-family: Arial; font-size: 11px; width: 5%"><input type="radio" name="movilidadUnidadOperativa" value="No" onclick="deshabilitarInputUnidadOperativa(1);"/>No</td>
			                                    	<td style="font-family: Arial; font-size: 11px; width: 95%; text-align: left;"><input type="radio" checked="checked" name="movilidadUnidadOperativa" value="Si" onclick="habilitarInputUnidadOperativa(2);">Si</td>
			                                    </tr>
		                                    	<tr>
		                                    		<td colspan="2" style="font-family: Arial; font-size: 11px; width: 380px; text-align: left;">Preferencias:</td>
		                                    	</tr>
		                                    	<tr>
			                                    <td colspan="2">
			                                    	<textarea id="txtPreferenciasUnidadOperativa" onblur="llenarPreferencias(this, 1)" rows="3" cols="164" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
			                                    	<c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
											            readonly="yes"
											        </c:if>
			                                    	><c:out value="${movilidad.preferenciaUnidadOperativa}"/></textarea>
			                                    </td>
			                                    <script type="text/javascript">
						                                    verificarSaltoDeLinea("txtPreferenciasUnidadOperativa");
						                                </script>
			                                    </tr>
		                                    </c:if>		                  
	                                    </table>
	                               </div>     
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family: Arial; font-size: 11px; width: 30px; height: 32px;">
                                    2
                                </td>
                                <td style="height: 28px">                                	
                               		<div style="background: none repeat scroll 0 0 #FFFFFF;
									    border: 1px solid #7F9DB9;
									    height: 112px;
									    margin-left: 5px;">
	                                    <table align="left" border="0">
		                                    <tr>
			                                    <td colspan="2" align="left" style="font-family: Arial; font-size: 11px; width: 250px"><b>Movilidad a Otro Pa&iacute;s</b></td>			                                    
			                                </tr>
			                                    
			                                    <c:if test="${movilidad.movilidadPais == 'N'}">
				                                    <tr>
				                                    	<td style="font-family: Arial; font-size: 11px; width: 5%"><input type="radio" checked="checked" name="movilidadOtroPais" value="No" onclick="deshabilitarInputPais(3)">No</td>
				                                    	<td style="font-family: Arial; font-size: 11px; width: 95%; text-align: left;"><input type="radio" name="movilidadOtroPais" value="Si" onclick="habilitarInputPais(4)">Si</td>
				                                    </tr>
				                                    <tr>	
				                                    	<td colspan="2" style="font-family: Arial; font-size: 11px; width: 380px; text-align: left;">Preferencias:</td>
				                                    </tr>
				                                    <tr>
					                                    <td colspan="2">
					                                    	<textarea id="txtPreferenciasPais" onblur="llenarPreferencias(this, 2)" disabled="disabled" rows="3" cols="164" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"><c:out value="${movilidad.preferenciaPais}"/></textarea>
					                                    </td>
				                                    </tr>
			                                    </c:if>
			                                    
			                                    <c:if test="${movilidad.movilidadPais == 'S'}">
				                                    <tr>
				                                    	<td style="font-family: Arial; font-size: 11px; width: 5%"><input type="radio" name="movilidadOtroPais" value="No" onclick="deshabilitarInputPais(3)">No</td>
				                                    	<td style="font-family: Arial; font-size: 11px; width: 95%; text-align: left;"><input type="radio" checked="checked" name="movilidadOtroPais" value="Si" onclick="habilitarInputPais(4)">Si</td>
			                                    	</tr>
			                                    	<tr>
				                                   		<td colspan="2" style="font-family: Arial; font-size: 11px; width: 380px; text-align: left;">Preferencias:</td>
			                                   		</tr>
			                                   		<tr>
					                                    <td colspan="2">
					                                    	<textarea id="txtPreferenciasPais" onblur="llenarPreferencias(this, 2)" rows="3" cols="164" style="font-family: Arial; font-size: 11px;" class="conscrollVertical"
					                                    	<c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
													            readonly="yes"
													        </c:if>
					                                    	><c:out value="${movilidad.preferenciaPais}"/></textarea>
					                                    </td>
					                                    <script type="text/javascript">
						                                    verificarSaltoDeLinea("txtPreferenciasPais");
						                                </script>
				                                    </tr>
			                                    </c:if>                  
	                                    </table>
	                               </div>     
                                </td>
                            </tr>                            
                        </table>
                    </td>
                </tr>

                <c:if test="${mensaje4 != null }" >
                    <tr>
                        <td colspan="4" style="text-align: left">
                            <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje4}" /></font>
                        </td>
                    </tr>
                </c:if>

<%--                 <c:if test="${!empty verificacion}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<%--                             <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<!--                     </tr> -->
<!--                     <tr><td colspan="4" class="labelErrorUL"> -->
<!--                             <ol> -->
<%--                                 <c:forEach items="${verificacion}" var="v" > --%>
<%--                                     <li><c:out value="${v}" /></li> --%>
<%--                                 </c:forEach> --%>
<!--                             </ol> -->
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>

<!--                 Mostrar la Lista de Errores x colores -->

				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_cabecera"></div>
                	</td>
                </tr>
<%--                 <c:if test="${!empty verificacion}"> --%>
<!--                     <tr> -->
<%--                    <c:if test="${pintar_azul!=null}"> --%>
<%-- 	                     <c:if test="${pintar_azul=='azul'}" > <td colspan="4" class="labelErrorULBlue"></c:if> --%>
<%-- 	                     <c:if test="${pintar_azul=='red'}" ><td colspan="4" class="labelErrorUL"></c:if> --%>
<%-- 	                       <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<%--                   </c:if> --%>
<%--                           <c:if test="${pintar_azul==null}"> --%>
<!-- 			                    <td colspan="4" class="labelErrorUL"> -->
<%-- 			                       <c:out value="${cabecera}" /> --%>
<!-- 		                        </td> -->
<%--                   		  </c:if> --%>
<!--                     </tr> -->
<!--                     <tr> -->
<%--                     	 <c:if test="${pintar_azul!=null}"> --%>
		                    	
<%--                     	 		<c:if test="${pintar_azul=='azul'}" > <td colspan="4" class="labelErrorULBlue"> </c:if> --%>
<%-- 	                     		<c:if test="${pintar_azul=='red'}" ><td colspan="4" class="labelErrorUL"></c:if> --%>
<!-- 			                     		 <ol> -->
<%-- 				                                <c:forEach items="${verificacion}" var="v"> --%>
<%-- 				                                    <li><c:out value="${v}" /></li> --%>
<%-- 				                                </c:forEach> --%>
<!-- 		                            	</ol> -->
<!-- 		                        	</td>	 -->
<%--                     	 </c:if> --%>
<%--                     	  <c:if test="${pintar_azul==null}"> --%>
<!--                     	  	<td colspan="4" class="labelErrorUL"> -->
<!-- 	                    	  		 <ol> -->
<%-- 		                                <c:forEach items="${verificacion}" var="v"> --%>
<%-- 		                                    <li><c:out value="${v}" /></li> --%>
<%-- 		                                </c:forEach> --%>
<!-- 	                            	</ol> -->
<!--                         	</td> -->
<%--                     	  </c:if>   --%>
<!--                     </tr> -->
<%--                 </c:if> --%>
<!--                 Fin de la Lista de Errores -->


            </table>
        </html:form>
    </body>
    <script type="text/javascript">
    var operacionGlobal;
    var sw_cerrar="0";
        <c:if test="${formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' || mensaje == 'EL PLAN DE ACCION HA SIDO INICIALIZADO POR SU COLABORADOR'}">
            deshabilitaPlanAccion();
        </c:if>

        function maximaLongitud(texto,maxlong) {
            var tecla, in_value, out_value;

            if (texto.value.length > maxlong) {
                in_value = texto.value;
                out_value = in_value.substring(0,maxlong);
                texto.value = out_value;
                return false;
            }
            return true;
        }

        function llenarCampo(obj, tipo){
            var comentario = obj.value;
            comentario = nl2br(comentario);
            llenarComentario(comentario, tipo, '<%=request.getContextPath()%>');
        }
        
        function nl2br(str) {
            return str.replace(/\n/g,"@");
         }

        function grabar(){
        	sw_cerrar="1";
//             document.forms[0].operacion.value="g";
//             document.forms[0].method.value='OperacionesPlanAccion';
//             document.forms[0].submit();
        	operacionGlobal="g"; 
    		OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
        }

        function enviar(){
        	sw_cerrar="1";
//             document.forms[0].operacion.value="e";
//             document.forms[0].method.value='OperacionesPlanAccion';
//             document.forms[0].submit();
        	var mensaje = confirm("Después de enviar, no se podrá realizar más \n modificaciones a Plan de Acción  \n ¿Está seguro que desea enviar la información?");
            if(mensaje){
		        	operacionGlobal="e"; 
		    		OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
            }
        }

// -----------------------------------------------------------------------------------------------
        function OperacionxAjax(operacion, ruta){
        var msj ="";
          accion='A';
        //  url='/'+ruta[1]+'/Ajax.do?metodo=fillvalorMeta&id='+id+'&valor='+valor+'&peso='+peso;
          url=ruta + '/a_planDeAccion.do?method=OperacionesPlanAccion&operacion='+ operacion ;
          url = url+'&ms='+(new Date()).getTime();
     
          ajax0 = new Ajax.Request(url,{
              asynchronous: false,
              method: 'get',
              onSuccess: function(transport, json) {
            	     if(json.executeError){
            	      	alert(json.executeError);
            	      }
            	      else{  
//            	    	  alert("json.mensaje: " + json.mensaje);
//            	    	  alert("json.cabecera: " + json.cabecera);
//            	    	  alert("json.verificacion: " + json.verificacion);
            	    	  itemsHtml = "<table>";
                	      itemsHtml += "<tr>";
                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
                	      if (operacionGlobal=="g" || json.ErrorSize==0) {
                	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.mensaje + "</font>";
    						} else  if (operacionGlobal=="e") {
    							 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.mensaje + "</font>";
    						}
                	      	
                	      itemsHtml += "</td></tr>";
                	      itemsHtml += "</table>";
                	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;

                	      if (json.ErrorSize>0) {  
//               	      		Cabecera
              	    	  itemsHtml = "<table>";
                  	      itemsHtml += "<tr>";
                  	      if (operacionGlobal=="g") {
                  	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.cabecera ;
								} else if (operacionGlobal=="e") {
									  itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.cabecera ;
								}
                  	      itemsHtml += "</td></tr>";
              	      
//                   	      Lista de Errores
              	    	  var myString = json.lstError;
              	    	  var mySplitResult = myString.split(",");  
              	      
                  	      itemsHtml += "<tr>";
                  	      if (operacionGlobal=="g") {
                  	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'> <ol>" ;
								} else if (operacionGlobal=="e") {
									itemsHtml += "<td colspan='4' class='labelErrorUL'> <ol>" ;
								}
                  	      
                  	      for(i = 0; i < mySplitResult.length-1; i++){
                  	    	  itemsHtml += "<li>" +  mySplitResult[i] +  "</li>";
                  	    	}
                  	      itemsHtml += "</ol></td></tr>";
                  	      itemsHtml += "</table>";
                  	      document.getElementById('ver_cabecera').innerHTML = itemsHtml; 
              	      }else{document.getElementById('ver_cabecera').innerHTML = " "; }
                	      
    	            	      if (operacionGlobal=="e" && json.ErrorSize==0) {
    	            	    	  document.getElementById('divgrabar').innerHTML = "";
    	            	    	  document.getElementById('divenviar').innerHTML = "";
    							}
                	    }
             	      } //Fin de la Funcion	    
          });  
        }

//---------------------------------------------------------------------------------
                
        
         
        function retornarHeight(h){
            var posicion_y;
            posicion_y=(screen.height/2)-(h/2);
            return posicion_y;
        }

        function retornarWidth(w){
            var posicion_x;
            posicion_x=(screen.width/2)-(w/2);
            return posicion_x;
        }

        function imprimir(){
            var url = '<%=request.getContextPath()%>/ImprimirPlanAccion';
            //alert(url);
            var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=800, height=800, top="+retornarHeight(800)+", left="+retornarWidth(800);
            window.open(url,"",opciones);
        }

    function cerrar(){
//         window.opener.document.forms[0].method.value="getSubordinadosPlanAccion";
//         window.opener.document.forms[0].submit();
    	 window.close();
    }
    
	function habilitarInputPais(tipo){
		document.getElementById("txtPreferenciasPais").disabled = false;
		llenarMovilidad(tipo, '<%=request.getContextPath()%>');
	}
	
	function deshabilitarInputPais(tipo){
		document.getElementById("txtPreferenciasPais").disabled = true;
		document.getElementById("txtPreferenciasPais").value = '';
		llenarMovilidad(tipo, '<%=request.getContextPath()%>');
	}
    
	function habilitarInputUnidadOperativa(tipo){
		document.getElementById("txtPreferenciasUnidadOperativa").disabled = false;
		llenarMovilidad(tipo, '<%=request.getContextPath()%>');
	}
	
	function deshabilitarInputUnidadOperativa(tipo){
		document.getElementById("txtPreferenciasUnidadOperativa").disabled = true;
		document.getElementById("txtPreferenciasUnidadOperativa").value = '';
		llenarMovilidad(tipo, '<%=request.getContextPath()%>');
	}
	
    function llenarPreferencias(obj, tipo){
        var preferencias = obj.value;
        preferencias = nl2br(preferencias);
        //alert("Las preferencias son: " + preferencias);
        llenarPreferenciasMovilidad(preferencias, tipo, '<%=request.getContextPath()%>');
    }
    </script>
</html>


